<template>
  <div class="zhyp-right">
    <SafetyDetermine />

    <div class="tab-box">
      <ComRadioTabA :tab="currentTab" :tab-list="tabList" @change="changeTime" />
    </div>
  </div>
</template>

<script setup lang="ts">
import { defineComponent, ref } from 'vue';
import SafetyDetermine from './safetyDetermine/index.vue';
import ComRadioTabA from '@/components/tabComp/ComRadioTabA.vue';

const currentTab = ref('2');

const tabList = [
  { name: '1', label: '当月' },
  { name: '2', label: '今年' },
];

function changeTime(val: string) {
  currentTab.value = val;
}

defineComponent({ name: 'ZhypRightComp' });
</script>

<style scoped lang="scss">
.zhyp-right {
  @apply w-[1128px] h-[calc(100%-34px)] flex flex-col justify-between absolute right-[85px];

  .tab-box {
    @apply absolute right-0 top-[8px];
  }
}
</style>
